@for $var from 1 to 11 {
    .w-#{$var*10} {
        width: $var * 10%;
    }
    .h-#{$var*10} {
        height: $var * 10%;
    }
}

@each $var in (block, inline, flex, inline-block) {
    .#{$var} {
        display: $var;
    }
}


@each $key, $value in (m:margin, p:padding) {
    .#{$key}0 { #{$value}: 0 !important; };

    @each $ikey, $ivalue in (t:top, r:right, b:bottom, l:left) {
        .#{$key}#{$ikey}0 {
            #{$value}-#{$ivalue}: 0 !important;
        }
    }
}


html, body {
    font-family: PingFangSC, PingFangSC-Regular;
}